<%@include file="/WEB-INF/include/jspTaglib.jsp" %>
<%@include file="/WEB-INF/include/jsTaglib.jsp" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>主界面</title>
    <link rel="shortcut icon" href="${IMAGE}/favicon.ico"/>
    <link rel="stylesheet" href="${LAYUI}/css/layui.css">
</head>
<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">个人网站</div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:void(0)">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    <span>admin</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="${CTX}/user/info">基本资料</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:void(0);">退出</a>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" >
                <li class="layui-nav-item">
                    <a class="" href="javascript:void(0);">系统管理</a>
                    <ul class="layui-nav-child">
                        <li><a href="javascript:goto(${CTX}'/menu');">菜单管理</a></li>
                        <li><a href="javascript:void(0);">角色管理</a></li>
                        <li><a href="javascript:void(0);">用户管理</a></li>
                    </ul>
                </li>
                <li class="layui-nav-item"><a href="javascript:void(0);">心情记录</a></li>
                <li class="layui-nav-item"><a href="javascript:void(0);">日记管理</a></li>
                <li class="layui-nav-item"><a href="javascript:void(0);">图片分享</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <iframe id="ifr" src="${CTX}/menu" frameborder="0"  style="width: 100%; height: 100%;"></iframe>
    </div>

</div>

<script src="${LAYUI}/layui.all.js"></script>
<script>
    function goto(url) {
        var ifr = document.getElementById('ifr');
        ifr.src=url;
    }

</script>

</body>
</html>